<?php 
session_start(); 
?> 

<?php 
if(!isset($_SESSION["username"])) 
   { 
   echo "Bitte erst <a href=\"index.html\">einloggen</a>"; 
   exit; 
   } 
?> 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Ohne_Titel_1</title>




<link rel="stylesheet" type="text/css" href="Shortcuts.css">


<style type="text/css">
table td {
	border-width:1px; 
	border-color:black; 
	border-style:solid
}

.bubbles
{
	visibility:hidden;
}

.bubbles2
{
	visibility:visible;
}

</style>

<!--Tabs!-->

	<!-- Begin Stylesheets -->
		<link rel="stylesheet" href="coda-slider-2.0/stylesheets/reset.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="coda-slider-2.0/stylesheets/coda-slider-2.0.css" type="text/css" media="screen" />
	<!-- End Stylesheets -->
	
	<!-- Begin JavaScript -->
		<script type="text/javascript" src="Fbwall/jquery-1.6.1.min.js"></script>
		<script type="text/javascript" src="coda-slider-2.0/javascripts/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="coda-slider-2.0/javascripts/jquery.coda-slider-2.0.js"></script>
		 <script type="text/javascript">
			$().ready(function() {
				$('#coda-slider-1').codaSlider();
			});
		 </script>
	<!-- End JavaScript -->
	
	
	
	<link href="Fbwall/jquery.neosmart.fb.wall.css" rel="stylesheet" type="text/css"/>
	<script src="" type="text/javascript"></script>
	<script src="Fbwall/jquery.neosmart.fb.wall.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function(){
			$('#example1').fbWall({ id:'269659219722191',
			
			accessToken:'AAAC7gAoWDQ0BAHC2YRYAagZBpI4NB3XMGBhzukck025ZCj8BiSyeiWRy8VbMlcy6WpZC1uZBZBMgRh8aArYJlNCrGXNg3D8sZD',
			
			showGuestEntries:true,
         
            showComments:false,
			
			timeConversion:24,
						
			max:4
			
			
			});
		});
	</script>



<script type="text/javascript">

function makeinvisible()
{
document.getElementById('bubbles').style.visibility = 'hidden';
}


function makevisible()
{
document.getElementById('bubbles').style.visibility = 'visible';
}

</script>



</head>

<body>

<div style=" position:absolute; z-index:2; -moz-border-radius:20px; -khtml-border-radius:20px; width:1000px; height:1400px;  margin:0px 0px 0px -500px; left:50%; background:silver;">

<a href="http://infowirtschaft.com/mediawiki/index.php?title=Hauptseite" style=" z-index:4; width:200px; height:200px; position:relative; left:-30px;  top:20px;" >
<img alt="Logo IW-Cloud"  src="img/IW-CloudRand.png"/></a>

<!--TodaysVorl!-->


<div style=" opacity:0.7; position:relative; left:-30px; top:-150px;" >
<?php

include 'TodaysVorl.php';

?>
</div>


<!--My Notes!-->

<div  style=" text-align:center; color:white; position:relative; top:-320px; left:750px; width:220px; height:170px; background-color:black; opacity:0.7; -moz-border-radius:20px;  -khtml-border-radius:20px;">
<p style="padding-top:6px;">Meine Notizen</p>
<hr>
<form action="MyNotes-update.php" method="post">
<textarea style=" -moz-border-radius:20px; -khtml-border-radius:20px; width:200px; left:10px; height:95px;" name="MyNotes">

<?php
//Notizen ermitteln

$verbindung = mysql_connect("rdbms.strato.de", "U1069521" , "doener") 
or die("Verbindung zur Datenbank konnte nicht hergestellt werden"); 
mysql_select_db("DB1069521") or die ("Datenbank konnte nicht ausgewählt werden"); 
 


$sql = "Select MyNotes from user where username ='$username' ";

$res = mysql_query ($sql);

$dsatz = mysql_fetch_assoc($res);

$MyNotes =$dsatz ["MyNotes"];

echo $MyNotes;

?>

</textarea> 

<input style=" -moz-border-radius:20px; -khtml-border-radius:20px; background-color:#31ADD1 ; opacity:0.7" type="submit" name="MyNotesB" value="Speichern">
</form>

</div>



<!--Facebook Stream!-->

<div style="-moz-border-radius:20px; -khtml-border-radius:20px; width:220px; background-color:black; opacity:0.7; left:760px; top:270px; position:absolute;" id="example1"></div>
	


<!-- Tabs!-->	

<div style=" position:relative; left:10px; top:-305px;" class="coda-slider-wrapper">
	<div class="coda-slider preload" id="coda-slider-1">
		<div class="panel">
			<div class="panel-wrapper">
				<h2 class="title">Übersicht</h2>
				<p>Willkommen zum Alternativsystem zur Campus ID. Da meiner Meinung nach das Potenzial eines solchen System auch mit dem Umstieg auf die neue Version nicht einmal anähernd ausgenutzt
				wird, bin ich zu dem Entschluss gekommen ein eigenes zu entwickeln. Ziel ist es das Leben als Student an der FH einfacher zu machen, Organisation zu optimieren und jedem Student 
				in seinem ganz individuellen Bedürfnis einen Überblick über alles wichtige zu geben.
				Im Moment befindet sich das Projekt noch in der Betaphase. In Zukunft soll dieses Projekt mit der schon bestehenden Mediawiki-Plattform zusammengeführt werden.  </p>
			    </br>
			    Derzeit existieren folgende Features:
			    <br/>
			    </br>
			    <ul>
			    <li>Interaktiver und individueller Stundenplan</li> 
			    <li>Facebook Livestream aus unserer IW Gruppe</li>
			    <li>Shortcuts zu allen wichtigen Seiten</li>
			    <li>Todo List zum speichern von wichtigen Deadlines</li>
			    </ul>
			</div>
		</div>
		<div class="panel">
			<div class="panel-wrapper">
				<h2 class="title">Telefonliste</h2>				
				
				<table style=" position:relative; left:70px;" border="1">
<tr>
<th>Name </th>
<th>Telefon</th>
<th>E-Mail</th>
</tr>
<tr>
<td>Lucas Müller </td>
<td>0171 / 179 020 6</td>
<td>L.Mueller3107@googlemail.com</td>
</tr>
<tr>
<td>Daniel Piculjan </td>
<td> 0176 / 668 860 03</td>
<td>daniel.twodevs@googlemail.com</td>
</tr>
<tr>
<td>Sebastian C. Schmitz</td>
<td>0177 / 561 38 34</td>
<td>sebastian-schmitz@hotmail.com</td>
</tr>
<tr>
<td>Vanessa Schäfer </td>
<td>0177 / 856 55 30</td>
<td>vanessajschaefer@yahoo.de</td>
</tr>
<tr>
<td>Johannes Gabriel ‎</td>
<td>0171 / 839 89 57</td>
<td>johannesgabriel@gmx.net</td>
</tr>
<tr>
<td>Niko Dakhov </td>
<td>0177 / 678 34 01</td>
<td>nikolaj.dakhov@googlemail.com</td>
</tr>
<tr>
<td>Ingo Nickel</td>
<td>0157 / 74 44 36 97</td>
<td>Ingo_Nickel@web.de</td>
</tr>
<tr>
<td>Rosanna Görner </td>
<td>0178 / 823 57 71</td>
<td>rosanna.goerner@gmx.de</td>
</tr>
<tr>
<td>Anıl Uras </td>
<td>01578 / 505 69 66</td>
<td>anluras@yahoo.com</td>
</tr>
<tr>
<td>Jenni Bartela </td>
<td>0162 / 187 25 26</td>
<td>Jennifer.Bartela@googlemail.com</td>
</tr>
<tr>
<td>Dominik Kowalewski </td>
<td>0177 / 300 81 07</td>
<td>dkowalewski1@gmx.de</td>
</tr>
<tr>
<td>Fabian Lan </td>
<td>01577 / 135 40 10 </td>
<td>faboss@gmx.net</td>
</tr>
<tr>
<td>Benedikt Liiedl</td>
<td>0160 / 941 58 333</td>
<td>b.liedl@gmx.de</td>
</tr>
<tr>
<td>Fatima Bouatrouss</td>
<td>0176 / 880 362 58</td>
<td>stern-gold@hotmail.com</td>
</tr>
<tr>
<td>Hendrik Löwenberger </td>
<td>0171 / 194 45 59</td>
<td>loewenberger.h@web.de </td>
</tr>
<tr>
<td>Pia Müller </td>
<td>0177 / 371 60 57</td>
<td>pia.barca13@googlemail.com</td>
</tr>
<tr>
<td>Ayda Ilhan </td>
<td>01577 / 253 57 97</td>
<td>ayda.i@hotmail.de</td>
</tr>
<tr>
<td>David Ah </td>
<td>0177 / 255 54 82</td>
<td>-</td>
</tr>
<tr>
<td>Julian Schröer </td>
<td>0172 / 851 48 73 </td>
<td>schroeer.julian@gmail.com</td>
</tr>
<tr>
<td>Zehra Altuğ </td>
<td>0177 / 184 59 29 </td>
<td>lil-zehra@hotmail.de</td>
</tr>
<tr>
<td>Michael Pohlmann </td>
<td>0151 / 127 780 35</td>
<td>michael-pohlmann@citykom.net</td>
</tr>
<tr>
<td>Tobias Ahlers </td>
<td>0178 / 383 90 32 </td>
<td>tobiasahlers@gmx.net</td>
</tr>
<tr>
<td>Daniel Strassmann </td>
<td>0171 / 695 61 05 </td>
<td>Dan.St@gmx.de</td>
</tr>
<tr>
<td>Sebastian Birkenhauer </td>
<td>0172 / 952 67 54</td>
<td>s.birkenhauer@arcor.de</td>
</tr>
<tr>
<td>Tobias Tellers</td>
<td>0177 / 543 37 35</td>
<td>tobitellers@yahoo.de</td>
</tr>
<tr>
<td>Mike Vogel </td>
<td>0151 / 253 805 86 </td>
<td>mike.vogel@hotmail.de</td>
</tr>
<tr>
<td>Radoslav Tsvetkov </td>
<td>0157 / 842 84 178 </td>
<td>tsvetkov.radoslav@gmx.de</td>
</tr>
<tr>
<td>Michael Schmidt </td>
<td>01577 / 976 0 517</td>
<td>schmidtmichael1991@t-online.de</td>
</tr>
<tr>
<td>Sofia Khawaja </td>
<td>01577  5790744</td>
<td>sofia.khawaja@yahoo.de</td>
</tr>
<tr>
<td>Christian Lipp </td>
<td>01578 / 59 63 0 12 </td>
<td>christian.lipp1@gmx.de</td>
</tr>
<tr>
<td>Pinkas Dahmen </td>
<td>0175 / 8830724</td>
<td>-</td>
</tr>
<tr>
<td>Stefan Grün </td>
<td>0160/ 96867229</td>
<td>gruen_stefan@live.de</td>
</tr>
<tr>
<td>Fatih Sengül</td>
<td>0178  324 43 10</td>
<td>fatih74@hotmail.com</td>
</tr>
<tr>
<td>Robin Lämmer</td>
<td>01578 / 288 33 22 </td>
<td>robin.laemmer@web.de</td>
</tr>
<tr>
<td>Marian Weber </td>
<td>0178 / 5465881</td>
<td>mw1987@hotmail.de</td>
</tr>
<tr>
<td>Tobias Wallerius </td>
<td>0178 / 24 11 078</td>
<td>t.wallerius@gmx.de</td>
</tr>
<tr>
<td>Christoph Kartmann </td>
<td>0177  71 60 477 </td>
<td>chris.kart@web.de</td>
</tr>
<tr>
<td>Harun Yanar</td>
<td>0178 / 97 41 486</td>
<td>hyanar@web.de</td>
</tr>
<tr>
<td>Max Mustermann</td>
<td>0123 / 456 78 9</td>
<td>MaxMustermann@gmail.com</td>

</tr>
</table>
								
			</div>
		</div>
		
				<div class="panel">
			<div class="panel-wrapper">
				<h2 class="title">Studieninformationen</h2>
								
		   </div>
		</div>

		
		
		<div class="panel">
			<div class="panel-wrapper">
				<h2 class="title">PSSO</h2>
				
                  <iframe style=" padding-top:10px; width:670px; height:600px;" src="https://psso.fh-koeln.de/qisserver/rds;jsessionid=B2791902ECCCFD6525C5FE1A20FFADD7?state=user&amp;type=0&amp;category=auth.redirect"></iframe>
							  


			</div>
		</div>
		
	</div><!-- .coda-slider -->
</div><!-- .coda-slider-wrapper -->



<!--Shorcuts !-->

<div class="ShortcutsLayer" style="top:-300px;">

<div class="Shortcutsdivs">
<a  href="https://psso.fh-koeln.de/qisserver/rds;jsessionid=B2791902ECCCFD6525C5FE1A20FFADD7?state=user&amp;type=0&amp;category=auth.redirecthttps://psso.fh-koeln.de/qisserver/rds;jsessionid=B2791902ECCCFD6525C5FE1A20FFADD7?state=user&amp;type=0&amp;category=auth.redirect">
<div class="Shortcutsheadl" >PSSO</div> 
<img class="Shortcuts" src="img/PSSO.jpg">
</a>
</div>


<div class="Shortcutsdivs">
<a  href="http://www.fbi.fh-koeln.de/">
<div class="Shortcutsheadl" >IW Fakultät</div> 
<img class="Shortcuts" src="img/IW.png">
</a>
</div>

<div class="Shortcutsdivs">
<a  href="http://www.fh-koeln.de/">
<div class="Shortcutsheadl" >FH Köln</div> 
<img class="Shortcuts" src="img/FH.png">
</a>
</div>

<div class="Shortcutsdivs">
<a  href="http://imap.intranet.fh-koeln.de">
<div class="Shortcutsheadl" >Webmail</div> 
<img class="Shortcuts" src="img/Webmail.png">
</a>
</div>


<div class="Shortcutsdivs">
<a  href="http://www.fbi.fh-koeln.de/moodle/login/index.php">
<div class="Shortcutsheadl" >Moodle</div> 
<img class="Shortcuts" src="img/Moodle.png">
</a>
</div>

<div class="Shortcutsdivs">
<a  href="http://www.infoconomy.de/Home.32.0.html">
<div class="Shortcutsheadl" >Infoconomy</div> 
<img class="Shortcuts" src="img/Infoconomy.png">
</a>
</div>

<div class="Shortcutsdivs">
<a  href="http://google.de">
<div class="Shortcutsheadl" >Google</div> 
<img class="Shortcuts" src="img/Google.png">
</a>
</div>


<div class="Shortcutsdivs">
<a  href="http://facebook.de">
<div class="Shortcutsheadl" >Facebook</div> 
<img class="Shortcuts" src="img/Facebook.png">
</a>
</div>
	
</div>

<div id="bubbles" class="bubbles">

<div style="position:relative; z-index:4; left: -120px; top: -990px; width: 200px; height: 100px;">
<span style=" font-size:12px; text-align:center; top:20px; position:absolute; z-index:5; height:60px; left: 40px; width: 120px;">Das Logo ermöglicht den schnellen Zugriff auf die IW-Cloud</span>
<img style=" z-index:3; width:200px; height:100px;" src="img/Sprechblase.png">
</div>


<div style="position:relative; z-index:4; left: -70px; top: -490px; width: 200px; height: 100px;">
<span style=" font-size:12px; text-align:center; top:10px; position:absolute; z-index:5; height:60px; left: 40px; width: 120px;">Die Shortcuts bieten schnellen Zugriff auf alle Website zum und ums Studium</span>
<img style=" z-index:3; width:200px; height:100px;" src="img/Sprechblase.png">
</div>

<div style="position:relative; z-index:4; left: 0px; top: -925px; width: 200px; height: 100px;">
<span style=" font-size:12px; text-align:center; top:10px; position:absolute; z-index:5; height:60px; left: 40px; width: 120px;">Der Contentbereich, hier sind weitere wichtige Infos über die Tabs abrufbar</span>
<img style=" z-index:3; width:200px; height:100px;" src="img/Sprechblase.png">
</div>


<div style="position:relative; z-index:4; left: 550px; top: -1025px; width: 200px; height: 100px;">
<span style=" font-size:12px; text-align:center; top:26px; position:absolute; z-index:5; height:60px; left: 40px; width: 120px;">Die Slideshow ist der Link zum Stundeplan und zeigt die Vorl. für den aktuellen Tag an</span>
<img style=" z-index:3; width:200px; height:100px;" src="img/Sprechblase2.png">
</div>

<div style="position:relative; z-index:4; left: 900px; top: -825px; width: 200px; height: 100px;">
<span style=" font-size:12px; text-align:center; top:10px; position:absolute; z-index:5; height:60px; left: 40px; width: 120px;">Der FB-Livestream gibt einen Überblick über die aktuellsten Posts der IW-Gruppe</span>
<img style=" z-index:3; width:200px; height:100px;" src="img/Sprechblase3.png">
</div>


<div style="position:relative; z-index:4; left: 630px; top: -1410px; width: 200px; height: 100px;">
<span style=" font-size:12px; text-align:center; top:10px; position:absolute; z-index:5; height:60px; left: 40px; width: 120px;">Durch die My Notes Box kann jeder User seine persönlichen Notizen sichern!</span>
<img style=" z-index:3; width:200px; height:100px;" src="img/Sprechblase.png">
</div>




</div>



</div>


<img alt="Bild" style="  z-index:1; position:absolute; top:0px;" src="img/white.jpg"/>

<a style=" z-index:3; position:absolute; left:90%; top:5%;" onclick="makevisible()" href="#"><img style="width:100px; height:100px;" alt="Bild" src="img/Rundgang.png"/></a>

<a style=" z-index:3; position:absolute; left:90%; top:13%;" onclick="makeinvisible()" href="#"><img style="width:100px; height:100px;" alt="Bild" src="img/Rundgang2.png"/></a>





</body>

</html>
